<template>
  <div>
    <button @click="increament">level</button>

    <ren-node :readersNumber="level">wanglili---wanglili</ren-node>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
import RenNode from "./RenNode.vue";
export default defineComponent({
  name: "",
  components: { RenNode },
  setup() {
    const level = ref(1)
    const increament = () => {
        if(level.value==5){
          level.value=1;
        }else{
          level.value++;
        }
    };
    return{
      increament,
      level
    }
  },
});
</script>
<style lang="scss" scoped></style>
